﻿@charset "utf-8";

/*-------------------------------   index 首页---------------------------------*/



/*-----首页 banner-----*/

.slideBox{ width:100%; height:460px; overflow:hidden; position:relative; }

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }

.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle;height:460px; }

.slideBox .bd li a{ display:block; height:460px;}

.slideBox .bd img{ width:450px; height:460px; display:block;  }

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:30px; height:60px; background:url(../images/arrow_left.png) no-repeat; }

.slideBox .next{ left:auto; right:3%; background:url(../images/arrow_right.png) no-repeat;}

.slideBox .prev:hover,

.slideBox .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }

.search{ width:1200px; margin:33px auto 0; height:60px; background:#0e6fda;}



.search01{ float:left; width:450px;}

.search02{ float:left;}

.search02 input.search03{ width:246px; font-size:14px; color:#fff; font-family:'微软雅黑'; height:60px; line-height:60px; padding-left:24px; border:none; border:0; background:#014d97; border-right:#ffffff solid 1px;}

.search01 input.search04{ width:57px; font-size:14px; color:#fff; font-family:'微软雅黑'; height:60px;border:none; border:0; background:#f1b11a url(../images/ss01.jpg) no-repeat center center; border-left:#ffffff solid 1px; cursor:pointer;}







.search05{ float:left; width:120px;}



.jslct {color:#fff;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:14px;position:relative;vertical-align:middle;cursor:default; width:120px; height:60px; line-height:60px; background:#014d97 url(../images/ss02.jpg) no-repeat 80px center;z-index:0;}

.jslct_hover {}

.jslct div.jslct_t {position:relative; padding-left:15px;z-index:2;*display:block!important;*display:inline;zoom:1;}

.jslct em {font-style:normal;margin:0;padding:0;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}



.jslct dl {background:#5ec1ff;position:absolute;top:60px;left:0;cursor:default; width:120px; overflow:hidden;z-index:1;display:none; font-size:14px;border-top:#ffffff solid 1px;}

.jslct_hover dl {}

.jslct dl dd {padding:0 15px;line-height:36px; border-bottom:#ffffff solid 1px; white-space:nowrap;cursor:pointer;background:#014d97;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.jslct dl dd:hover {color:#fff;background:#006fdb; border-bottom:#76809b solid 1px; }

.jslct dl dd.hover {color:#fff;background:#006fdb; border-bottom:#76809b solid 1px; }

.jslct .jslcted {}

.jslct dl dd.noborder {}







/*公告*/

.gonggao{ position:relative; float:right; width:497px; height:60px; padding-left:128px; background:url(../images/gg01.jpg) no-repeat left center;}

.gonggao01{ position:absolute; top:0; left:40px; line-height:60px; font-size:16px; font-weight:bold; color:#fff;}

.gonggao marquee{ float:left; width:470px; font-size:14px; color:#a8acb6; line-height:60px}





/*book*/

.ibook h2{ text-align:center; padding:70px 0 0}

.message{float:left; padding:45px 0 0}

.message input,.message textarea{float:left;margin-bottom:11px;border:1px solid #000;line-height:40px;height:40px;text-indent:20px;color:#999999; font-size:14px; font-family:微软雅黑;}

.message textarea{height:144px; }

.inp_fl{ float:left; width:362px; padding-right:16px;}

.yzm{width:100%; margin:20px 0 0}

.message .subbut{border:0;width:100%;height:46px;line-height:46px;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}

.viewcon{overflow:hidden;ma/rgin:0 12px 36px;width:940px;display:inline;word-break:break-all;color:#6c4c30;font-size:14px;float:left;padding:0 20px 20px;line-height:30px;font-size:14px}

.focus { width:358px !important; height:38px !important; border:2px solid #ee0049 !important;}

.focus1 { width:618px !important; height:142px !important; border:2px solid #ee0049 !important;}



/*首页产品中心*/

.pro_bg{width:100%; margin:10px auto 0; height:660px; background-position:center; background-repeat:no-repeat; background-size:cover;}

.pro_b{width:300px; border:1px solid #dddddd; float:left; background:#fff; }

.pro_b h4{ color:#4c556f; font-size:18px; background:url(../images/d2.jpg) 10px center no-repeat; height:60px; padding:21px 0 0 59px; width:210px; border-bottom:1px solid #eaeaea; margin:0 auto; line-height:1;}

.pro_b h4 i{ font-style:normal; font-size:11px; text-transform:uppercase;}

.pro_b ul{float:left; width:300px;}

.pro_b li{padding:9px 15px 9px 20px; font-size:14px; color:#2e2e2e; background:url(../images/cp04.png) no-repeat 34px center; font-family:"微软雅黑";height:32px; line-height:32px; overflow:hidden;  overflow:hidden; cursor:pointer; border-left:#fff solid 4px;}

.pro_b li a{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:14px; line-height:32px; color:#4c4c4c;}

.pro_b li a:hover{ color:#0056aa; }

.pro_imgsbg{width:895px; float:right; padding:0 0 0}

.product08{ overflow:auto; margin-top:17px; outline:none}

.pro_imgsbg dl{ float:left; width:260px; height:300px; margin:0 0 26px 30px; overflow:hidden; background:#f6f6f6; color:#2e2e2e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.pro_imgsbg dl:hover{ background:#ffc231;}

.pro_imgsbg dl dt{ width:246px; height:173px; overflow:hidden; border:#f6f6f6 solid 8px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.pro_imgsbg dl dt a{ float:left; width:246px; height:173px; display:block; background-position:center; background-repeat:no-repeat; background-size: auto 100%; background-color:#fff;}

.pro_imgsbg dl:hover dt{ border:#ffc231 solid 8px;}

.pro_imgsbg dl dd{color:#2e2e2e; text-align:center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.pro_imgsbg dl dd .tt{ display:block; margin:10px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:14px;}

.pro_imgsbg dl:hover .tt{ color:#fff;}

.pro_imgsbg dl dd span{ padding:10px 10px 0; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: font-size:13px;}

.pro_imgsbg dl:hover dd{ color:#fff;}

.pro_imgsbg dl dd .mm{ display:block; margin:10px auto 0; width:128px; height:34px; text-align:center; border:1px solid #e3e3e3; line-height:34px; color:#2e2e2e; font-size:16px;}

.pro_imgsbg dl:hover .mm{border:1px solid #fff; color:#fff;}





/*行业资讯*/

.newsb_b{width:100%; margin:0 auto; height:330px; background-color:#fff;}

.itl_t1{text-align: center;width: 100%;background:url(../images/d3.png) repeat-x left center; margin:60px 0 40px; height:56px; padding: 0 0}

.itl_t1 .tff{ float:left; background:url(../images/d2.png) left center no-repeat #fff;height:56px; padding:0 20px 0 20px; }

.itl_t1 span{display:block;font-size:20px; color:#0a2966; line-height:1 }

.itl_t1 font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#0a2966;text-transform: uppercase; line-height:1}

.izao_amore1{ float:right; color:#0a2966; font-family:Arial, Helvetica, sans-serif; line-height:56px; text-transform:uppercase; font-size:20px; z-index:22; margin:0 20px 0 0}

.newsb_b .r_b{fl/oat:left; width:103%; margin:50px auto 0; }

.newsb_b .r_b .itemb{ float:left; width:372px;  margin:0 40px 10px 0;}

.newsb_b .r_b .itemb label{ display:block; padding:0 10px; border-bottom:1px solid #9fa0a2; color:#2e2e2e; font-size:16px; line-height:30px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.newsb_b .r_b .itemb .info_b{ display:block; padding:0 10px; }

.newsb_b .r_b .itemb .info_b .title{font-size:18px; line-height:30px; color:#2e2e2e; padding-top:13px;}

.newsb_b .r_b .itemb .info_b .intro{font-size:12px; line-height:20px; height:60px; overflow:hidden; color:#444444; padding-top:10px;}

.newsb_b .r_b .itemb:hover .info_b .title{color:#2e3955;}

.newsb_b .r_b .itemb span{ width:118px; height:34px; border:1px solid #e1e1e1; line-height:34px; text-align:center; display:block; margin:15px 10px 0}



/*首页关于我们*/

.iabout_b{ float:left; width:100%;}

.iabout_b .img_b{float:left; height:353px; width:470px; background-size: auto 100%; background-repeat:no-repeat; background-position:center; margin:73px 0 0}

.iabout_b .abr{ float:left; width:650px; padding: 0 0 0 45px;}

.iabout_b .info_b{float:left; width:650px; margin:40px 0 0;   text-align:left; padding-top:20px; line-height:30px; font-size:14px; color:#333333;}

.iabout_b .atitle{ display:block; margin:60px 0 0; padding:0 0 0 20px; text-align:left; background:url(../images/d2.png) left center no-repeat;}

.iabout_b .atitle span{display:block;font-size:20px; color:#0a2966; }

.iabout_b .atitle font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#0a2966;text-transform: uppercase; line-height:1}

.iabout_b .more{display:block; width:158px; height:38px; line-height:38px; text-align:center; border:1px solid #cbced7; color:#0a2966; font-size:14px;  margin:20px 0 0 }

/*---首页case-----*/

.itl_t{text-align: center;width: 100%;background:url(../images/d3.png) repeat-x left center; margin:90px 0 40px; height:56px; padding: 0 0}

.itl_t .tff{ float:left; background:url(../images/d2.png) left center no-repeat #03346b;height:56px; padding:0 20px 0 20px; }

.itl_t span{display:block;font-size:20px; color:#fff; line-height:1 }

.itl_t font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#fff;text-transform: uppercase; line-height:1}

.izao_amore{ float:right; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:56px; text-transform:uppercase; font-size:20px; z-index:22; margin:0 20px 0 0}



.icase{width: 100%;background-position: center; background-repeat:no-repeat; height:1060px; }

.circle_bg{ height:380px; margin:50px 0 0}

.mr_frbox{float: left;width: 100%;height: 380px;position: relative;}

.mr_frBtnL{cursor:pointer;display:inline;top: 190px;left:-70px;position: absolute;}

.mr_frBtnR{cursor:pointer;top: 190px;right: -70px;position: absolute;}

.mr_frUl{ margin:0 auto;width:1200px; overflow: hidden;}

.tempWrap ul{height:380px;overflow: hidden;	}

.tempWrap{width: 1200px; }

.icase li{width: 366px;float: left; padding-right:20px; height: 380px; }

.icase li a.img{ float:left; width:100%; height:275px; margin:40px 0 0; background-position:center; background-repeat:no-repeat; background-size:auto 100%;}

.icase li h2{float:left; width:92%; padding:0 4%; margin:25px 0 0; text-align:center; font-size: 16px;color: #ffffff;line-height: 35px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.icase li a.wrr:hover h2{ color:#ffc231}

.icase li span{ font-size:13px;float:left; width:92%; padding:0 4%; color:#ffffff; line-height:24px;}

/*首页联系我们*/

.contact{ position:relative; height:494px; margin-top:-140px;background:url(../images/lx01.jpg) no-repeat bottom center;}

.contact01{ position:absolute; border-top:#f1b11a solid 4px; top:0; left:50%; margin-left:-550px; width:240px; height:490px; background:#0e6fda url(../images/lx02.jpg) no-repeat top center;}

.contact02{ padding-top:17px; height:65px; text-align:center; background:url(../images/lx04.jpg) repeat-x left bottom;}

.contact02 font{ display:block; color:#fff; font-size:28px; text-transform:uppercase; line-height:1}

.contact02 span{ display:block; color:#fff; font-size:20px; line-height:1}



.contact03,.contact04,.contact05{ line-height:30px; color:#b5c8f7; font-size:14px; border-bottom:#3a4664 solid 1px; background:url(../images/lx05.jpg) no-repeat 25px 20px; font-size:20px; padding:15px 20px 15px 57px;}

.contact03{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.contact04{background:url(../images/lx06.jpg) no-repeat 25px 20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



.contact05{ font-size:14px;background:url(../images/lx07.jpg) no-repeat 25px 20px; border:none;}





.contact06{ width:194px; height:168px; margin:0 auto; background:#0e6fda; text-align:center;}

.contact06 img{ margin-top:14px;}









.foonavf{ width:100%;color:#c5bdbb; height:50px; padding:20px 0 0; text-align:center; background:#0056aa}

.foonavf .nnf{ float:left; width:850px; color:#445277}

.foonavf a.foonav{color:#fff; display:inline-block; padding:0 3px; font-size:15px; position:relative; text-align:left;height:26px; line-height:26px;}

.fri_link{ width:100%;color:#fff;height:164px; line-height:30px;  margin:0;  color:#999;}

.fri_link .atitle{ float:left; margin:40px 0 0; background:url(../images/d2.png) left center no-repeat; padding:0 0 0 20px;}

.fri_link .atitle span{display:block;font-size:20px; color:#0a2966; }

.fri_link .atitle font{display:block;font-size: 40px; font-family:Arial, Helvetica, sans-serif; color:#0a2966;text-transform: uppercase; line-height:1}



.fri_link a{ float:left; margin:70px 4px 0 0;position:relative; height:60px; width:130px; background-position:center; background-size: auto 100%; background-repeat:no-repeat;}

.fri_link  .nnf{ float:right; width:1050px; padding:0 0 0 20px;}

.foonavf .rb{float:right; line-height:30px; padding:0 0 0 30px; height:30px;  background:url(../images/d4.png) left center no-repeat; font-weight:bold; text-transform:uppercase;}

.foonavf .rb a{font-size:15px; color:#fff;}

.foonavf .rb a:hover{color:#fff;}

/*---------右边悬浮------------------------------*/

.side_nav{position: fixed;top: 85%;right: 10px;width: 45px; z-index:999}

.side_nav ul li{ cursor:pointer;position: relative;width: 45px;float: right;/* border-bottom: 1px solid #fff; */}

.side_nav ul li a{display:inline-block;height: 45px;position: absolute;top: 0;left: 0;}

.side_nav ul li span{float: left;color:#fff;line-height: 60px;font-size: 16px;margin-left: 72px;cursor: pointer;}

.side_nav_3 {width: 45px;height: 45px;}

.side_nav_3 a span{height:128px;position: absolute;right: 45px;bottom: 0px;margin-left: 0!important;display: none;}

.side_nav_3 a{width: 45px;background: url(../images/d7.gif) no-repeat left 0;}

.back_top a{background: url(../images/d7.gif) no-repeat left -45px;}

.back_top {height: 45px;}







.page_top{
    background-repeat:no-repeat;
    background-size:auto 180px;
    background-position:center;
    height:180px;
    width:100%;
    margin:0 auto 20px;
    min-width:1200px;
}
.page_l{
    width:300px;
    float: left;
}
.page_l_top{
    min-height: 200px;
    background:url(../images/page_l_top.png) no-repeat;
    background-position:center top;
    background-size:300px;
    padding-top:80px;
    padding-bottom:0px;
    position: relative;
    background-color:#ffffff;
    margin-bottom:20px;
	border-bottom:1px #E4E4E4 solid;
	border-left:1px #E4E4E4 solid;
	border-right:1px #E4E4E4 solid;
	border-top:1px #E4E4E4 solid;
}
.page_l_top a{
    display:inline-block;
    width:300px;
    padding-left:30px;
    padding-right: 10px;
    font-size:16px;
    min-height:48px;
    color:#333;
    line-height:48px;
    border-bottom:1px solid #EFEFEF;
}
.page_l_top a:hover{
    background-color:#F3F3F3;
    color:#C70505;
}
.page_l_top h3{
    color:#333333;
    font-size:26px;
    position: absolute;
    left: 20px;
    top: 0px;
}

.page_l_bottom{
    min-height: 330px;
    background-position:center top;
    background-size:210px;
    padding-top:80px;
    padding-bottom:20px;
    position: relative;
    margin-bottom:20px;
	border-bottom:1px #E4E4E4 solid;
	border-left:1px #E4E4E4 solid;
	border-right:1px #E4E4E4 solid;
	border-top:1px #E4E4E4 solid;
}
.page_l_bottom a{
    display:inline-block;
    width:265px;
    padding:0 15px 0 20px;
    font-size:13px;
    max-height:38px;
    color:#666;
    line-height:1.5;
    margin-top:5px;
    overflow:hidden;
}
.page_l_bottom a:hover{
    color:#005BAC;
}
.page_l_bottom h3{
    color:#333333;
    font-size:26px;
    position: absolute;
    left: 20px;
    top: 20px;
}
.page_l_bottom p{
    width: 300px;
    padding:0 15px 0 20px;
    font-size:14px;
    max-height:38px;
	color:#666666;
    margin-bottom:10px;
    line-height:24px;
}
.page_r{
    width:850px;
    float: right;
    min-height:200px;
    color:#333;
    margin-bottom:30px;
}
.page_r_top{
    width:830px;
    height:52px;
    background:url(../images/page_right_top.png) no-repeat;
    background-size:1300px;
    position: relative;
}
.page_r_top .page_nav{
    display:inline-block;
    position:absolute;
    top:21px;
    left:34px;
    font-size:12px;
	color:#999999;
}
.page_r_top .page_nav a{
    color:#666;
}
.page_r_top .page_nav a:hover{
    color:#bf0d0d;
}
.page_r_title{
    font-size:30px;
    text-align:center;
    margin:30px auto;
}
.page_r_content{
    font-size:15px;
    line-height:2;
}
.page_r_content img{
    max-width: 850px;
}
.page_artlist{
    width:850px;
}
.page_artlist ul{
    display:inline-block;
    width:850px;
}
.page_artlist li{
    border-bottom:1px solid #eae6e2;
    height:130px;
    margin-top:20px;
}
.page_artlist li:last-child{
    border-bottom:0;
}
.page_artlist li:hover .artlist_date{
    transform: rotateY(360deg);
}
.artlist_date{
    float: left;
    width:130px;
    height:110px;
    margin-left:20px;
    background-color:#eae6e2;
    color:#7c7b7a;
    transition:all 0.5s;
}
.artlist_date span{
    display:block;
    font-size:36px;
    text-align:center;
    margin-top:20px;
}
.artlist_date p{
    text-align:center;
    font-size:16px;
    margin-top:10px;
}
.artlist_r{
    height:110px;
    float: left;
    width:660px;
    margin-left:20px;
}
.artlist_r span a{
    display:block;
    font-size:20px;
    line-height:30px;
    color:#333;
    height:30px;
    overflow:hidden;
}
.artlist_r span a:hover{
    color:#467BBE;
}
.artlist_r p a{
    display:block;
    font-size:14px;
    line-height:1.5;
    color:#333;
    color:#aaa;
    height:62px;
    overflow:hidden;
    margin-top:10px;
}
.artlist_r p a:hover{
    color:#999;
}
.pagelist{
    text-align:center;
    padding:25px 0 45px 0;
    color:#6C6C6C;
    font-size:13px;
}
.pagelist a{
    margin:0 3px;
    border:#D0D0D0 solid 1px;
    display:inline-block;
    padding:5px 10px;
    line-height:16px;
    background:#fff;
    color:#6C6C6C;
}
.pagelist span{
    margin:0 5px;
    border:#0099FF solid 1px;
    display:inline-block;
    padding:2px 6px 2px;
    line-height:16px;
    color:#fff;
    background:#005BAC;
}
.pagelist a:hover{
    color:#fff;
    background:#0F59A4;
}
.pagelist a.page_no{
    background-color:#0F59A4;
    color:#fff;
}
.piclist ul{
    display: inline-block;
    width:870px;
}
.piclist li{
    float: left;
    width:250px;
    height:300px;
    overflow:hidden;
    margin:15px 15px;
    position:relative;
    border:1px solid #fff;
}
.piclist li img{
    width:248px;
    height:300px;
	border:#CCCCCC 1px solid;
}
.piclist li .piclist_zhezhao{
    position:absolute;
    left:0;
    bottom: 0;
    height:40px;
    width:254px;
    background-color:#333;
    opacity:0.7;
    filter:alpha(opacity=70);
}
.piclist li a p{
    position:absolute;
    color:#fff;
    left:0;
    top:258px;
    font-size:13px;
    line-height:42px;
    height:60px;
    padding:0 20px;
    overflow:hidden;
}
.article_date{
    border-bottom:1px solid #eee;
    font-size:13px;
    color:#666;
    text-align:center;
    padding-bottom:20px;
    margin-bottom:20px;
}
.article_pre_next{
    border-top: 1px solid #eee;
    margin-top:20px;
    font-size: 14px;
    padding-top:15px;
    padding-bottom:30px;
}
.art_pre, .art_next{
    line-height:20px;
}
.art_pre a:hover, .art_next a:hover{
    color:#005BAC;
}
.message .top{
    width:560px;
    border:1px solid #ccc;
    height:430px;
    text-align:center;
    padding-top:40px;
    transition:all 0.2s;
    margin:20px auto 30px;
}
.message .top:hover{
    box-shadow:0 0 10px #ccc;
}
.message .top input{
    width:450px;
    height:36px;
    padding:0 12px;
    margin-bottom:15px;
    border:1px solid #ccc;
}
.message .top textarea{
    width:450px;
    height:120px;
    padding:6px 12px;
    resize:none;
    margin-bottom:15px;
    border:1px solid #ccc;
}
.message .mes_sub{
    width:460px;
    border:0;
    background-color:#2360bf;
    color:#fff;
    height:40px;
    transition:all 0.2s;
    margin:0 auto;
    line-height:40px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
}
.page_r .page_r_keyword{
    text-align:center;
    font-size:14px;
    color:#bf0d0d;
    font-weight:bold;
}
.page_r .page_r_keyword span{
    color:#999;
    font-weight:normal;
}

.page_nav{
    padding-top:0px;
    padding-bottom:0px;
}
.page_nav a{
    display:inline-block;
	border-radius: 18px 0 18px 0;
    width:180px;
    height:46px;
    line-height:46px;
    text-align:center;
    background-color:#4075C5;
	border:#CCCCCC 1px solid;
	font-size:15px;
    color:#fff;
    margin:10px 10px;
}

